<!--  -->
<template>

<div>
    <div class="ui-dialog ui-dialog-operate ui-dialog-operate-icon show">
        <div class="ui-dialog-cnt">
            <div class="ui-dialog-hd">
                <div class="ui-img">
                    <i class="iconfont">&#xe603;</i>
                </div>
            </div>
            <div class="ui-dialog-bd">
                <h3>恭喜你红包发布成功！此红包数据24小时后将自动删除</h3>
            </div>
            <div class="ui-dialog-ft">
                    <button class="ui-btn-lg" @click="tome">进入个人中心</button>
            </div>
            <i class="ui-dialog-close" data-role="button" @click="tohome"></i>
        </div>
    </div>
</div>
</template>

<script>
export default {
data() {
return {

}
},
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

},
methods:{
    tohome(){
        this.$router.push('/')
    },
    tome(){
        this.$router.push('/me')
    }
},
}
</script>
<style scoped lang="scss">
/* @import url(); 引入css类 */
    .ui-dialog-bd h2, .ui-dialog-bd h3{
        font-size: 17px;
        color: rgba(121, 114, 114, 0.637);
    }
    .ui-img{
        .iconfont{
            font-size: 80px;
            color: rgb(28, 147, 245);
        }
    }
</style>